<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>实验2.2html文本与图片标签的应用</h1>
    <!--一级标题通常只有一个-->
    <h2>一、文本标签</h2>
    <p>段落,<strong>加粗</strong>,<em>斜体</em>。</p>
    <!--HTML使用<p>划分段落,段落内容可以使用<strong>加粗或使用<em>斜体表强调-->
    <p><mark>高亮</mark><sup>上标</sup><sub>下标</sub><ins>下划线</ins>和<del>删除线</del></p>
    <!--<mark>高亮段落内容,<sup>插入上标,<sub>插入下标,<ins>下划线,<del>删除线-->
    <p><code>console.log("插入的js代码")</code></p>
    <!--段落内可使用<code>标签插入代码-->
    <blockquote>引用块,用于引用他人的话或段落。</blockquote>
    <!--<blockquote>引用块-->
    <pre>   
    预格式化文本 保留空格
    换行。
    </pre>
    <!--<pre>预格式化标签会保留标签内的空格和换行-->
    <hr> 
    <!--<hr>水平线标签在网页中创建一条水平线是一个单标签-->
    <br>
    <!--<br>换行标签一个单标签-->
    <p>已换行</p>
    <p>(&quot;&lt;&gt;&amp;&times;&divide;&copy;&reg;&trade;&euro;&yen;)</p>
    <!--特殊字符可使用符号代码-->

    <h2>二、图片与超链接</h2>
    <img src="th.jpg" alt="冰川" width="400" title="一张很冷的图像">
    <!--<img>标签用于展示图像-->
    <p>一个超链接<a href="https://www.runoob.com/" target="_blank">菜鸟教程</p>
    <!--<a>标签用于设置一个超链接-->
</body>
</html>